03 Tornando uma classe um componente

Vejamos a declaração da seguinte classe:

class Abc { }

Ela é apenas uma classe do ES6 e não caracteriza um componente em Angular!

Qual das opções abaixo a torna efetivamente um componente?

Alternativa correta

import {Component} from '@angular/core';

@Component({
    selector: './abc.component.html',
    templateUrl: 'my-abc' 
})
class AbcComponent { }

Os valores das propriedades selector e templateUrl foram trocados.

Alternativa correta

import {Component} from '@angular/core';

@Component({
    selector: 'my-abc' ,
    templateUrl: './abc.component.html'
})
class AbcComponent { }

Exato!

Alternativa correta

import {Component} from '@angular/core';

class AbcComponent { }

Veja que a classe só importou o decorator Component, mas não fez uso dele.